<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<script src="lib/react.development.js"></script>
	<script src="lib/react-dom.development.js"></script>
	<script src="lib/babel.min.js"></script>
	<style>
		.cl{
			color:red;
		}
	</style>
</head>
<body>
<div id="app"></div>
</body>
<script type="text/babel">
	const root = ReactDOM.createRoot(document.querySelector("#app"));
	let my = "cl";
	// 1- 如果属性值是一个数组，那么逗号会被渲染出来，[]忽略
	// 2- 如果属性值是一个对象，那么会被转为字符串。{}.toString()
	root.render(
		<div>
			<p className="cl">你们现在累不累1？</p>
			<p className={"cl"}>你们现在累不累2？</p>
			<p className={my}>你们现在累不累3？</p>
			<p className={["cl","two"]}>你们现在累不累4？</p>
			<p className={{a:1,b:2}}>你们现在累不累4？</p>
		</div>
	)
</script>
</html>